<template>
    <div class="picture">
        <div class="car-image">
            <img src="./background2.png" alt="" srcset="">
        </div>
    </div>
</template>

<script>
export default {
    name: 'Picture'
}
</script>

<style lang="scss" scoped>
.picture{
    position: absolute;
    left: 527px;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60%;
    height: 100%;
    background: url('./background1.png') no-repeat center center;
    background-size: cover;
    .car-image{
        position: absolute;
        top: 58%;
        right: 0;
        // width: 506px;
        // height: 400px;
        transform: translateY(-50%);
        img{
            width: 100%;
            vertical-align: middle;
        }
    }
}
</style>

